﻿@charset "utf-8";

/* reset */
html, body {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-touch-callout: none;
	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
	-o-overflow-scrolling: touch;
	overflow-scrolling: touch;
	/* height: 100%; */
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }
body, button, input, select, textarea{ 
	font-family: "Hiragino Sans GB", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
	color: #666666;
	background-color: #fff;
	/*position: relative;*/
}
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
textarea { resize: none; }
input[type=button],input[type=submit]{cursor: pointer;}
input[type=button] { -webkit-appearance: none; outline: none }
input::-webkit-input-placeholder { color: #ccc; }
textarea::-webkit-input-placeholder { color: #ccc; }
table { border-collapse: collapse; border-spacing: 0 }
th { text-align: inherit; }
fieldset, img { border: 0 none; }
img{vertical-align: middle;}
abbr, acronym { border: none; font-variant: normal;}
del { text-decoration: line-through; }
hr{border:0;height:1px; background-color: #D9D9D9;}
ul, li, ol { list-style: none; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit }
button, input { border: 0;background: 0; /* -webkit-appearance: none; */outline: 0 }
a {-webkit-touch-callout: none; text-decoration: none; color: #666666; outline: 0; cursor: pointer;}
a:hover{ text-decoration: none; }
a:focus, *:focus { outline: none; }
em, i { font-style: normal }
label {cursor:pointer;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-word-break:break-all;word-break:break-all;-ms-word-wrap:break-word;word-wrap:break-word;/* -webkit-tap-highlight-color:rgba(0,0,0,0); */}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; overflow: hidden; }
.clearfix { zoom: 1; }
.clear{ clear: both; display: block; font-size: 0; height: 0; line-height: 0; overflow: hidden; }

/*====================== mouse =======================*/
.cp{cursor: pointer;}
.cd{cursor: default;}
.cna{cursor: not-allowed;}

/*====================== position =======================*/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:auto; margin-right: auto;}
.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.vb{vertical-align:bottom;}
.pr{position:relative;}
.pa{position:absolute;}
.abs-left{position:absolute;right:0}
.abs-right{position:absolute;right:0}
.abs-top{position:absolute;top:0}
.abs-bottom{position:absolute;bottom:0}
.abs-lt{position:absolute;left:0;top:0;}
.abs-lb{position:absolute;left:0;bottom:0}
.abs-rt{position:absolute;right:0;top:0}
.abs-rb{position:absolute;right:0;bottom:0}
.zoom{zoom:1;}
.hidden{visibility:hidden;}
.none{display:none;}
.ib{display: inline-block;}
.inline{display: inline;}
.block{display: block;}
.oh{overflow: hidden;}

.mr10{ margin-right: 10px;}
.ml10{ margin-left: 10px; }
.mr20{ margin-right: 20px;}
.mb20{ margin-bottom: 20px;}
.mt30{margin-top: 30px;}
.mt20{ margin-top: 0.2rem;}
.mt40{ margin-top: 40px;}
.mt50{ margin-top: 50px;}
.mt10{ margin-top: 10px;}
/*=============页面公共样式===========*/
img{ display: block; }
html,body{
	min-height: 100%;
	background-color: #f0f0f2;
}
body{font-size: 0;width: 7.5rem; margin: 0 auto;}
header .search_cont{
	height: 100%;
	height: 1.08rem;
	padding-top: 0.14rem;
}
header .search_cont .search{
	position: relative;
	width: 7.20rem;
	height: 0.80rem;
	border: 1px solid #d2d2d3;
	background-color: #fff;
	margin: 0 auto;
}
header .search_cont .search .search_input{
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 1.06rem 0 0.10rem;
	font-size: 0.3rem;
	line-height: 0.78rem;
	color: #333;
}
header .search_cont .search .search_btn{
	position: absolute;
	z-index: 3;
	top: 0;
	right: 0;
	width: 1.06rem;
	height: 100%;
	text-align: center;
	line-height: 0.78rem;
}
header .search_cont .search .search_btn img{
	width: 0.30rem;
	height: 0.30rem;
	display: inline-block;
	background-color: #f1f1f1;
}
header .page_head{
	width: 100%;
	height: 1.40rem;
	background-color: #3b6a9f;
}
header .page_head .img_logo{
	float: left;
	margin-top: 0.20rem;
	margin-left: 0.12rem;
	width: 2.96rem;
	height: 0.96rem;
}
header .page_head .img_slide_icon{
	float: right;
	width: 0.48rem;
	height: 0.48rem;
	margin-top: 0.46rem;
	margin-right: 0.18rem;
	background-color: #f1f1f1;
}
footer{
	padding: 0.32rem 0 0.62rem;
	background-color: #2c2c2c;
}
footer .icon_cont{
	text-align: center;
	height: 0.5rem;
	line-height: 0.5rem;
	margin-bottom: 0.2rem;
}
footer .icon_cont .icon{
	display: inline-block;
	width: 0.56rem;
	height: 0.5rem;
	margin-right: 0.2rem;
	text-align: center;
	background-color: #f1f1f1;
}
footer{ position: relative; }
footer .icon_cont .icon:last-child{ margin-right: 0; }
footer .icon_cont .icon img{
	max-height: 0.54rem;
	max-width: 0.46rem;
}
footer p{
	font-size: 0.24rem;
	color: #b5b5b5;
	line-height: 0.42rem;
	text-align: center;
}
footer .arr{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 0.88rem;
	height: 0.88rem;
	border:0.44rem solid transparent;
	border-bottom:0.44rem solid #28c3ee;
}
/*=======侧边栏=======*/
.slide_cont{
	position: fixed;
	z-index: 1000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	visibility: hidden;
}
.slide_cont.active{ visibility: visible; }
.slide_cont .layer{
	position: absolute;
	z-index: 1001;
	width: 100%;
	height: 100%;
	visibility: visible;
	background-color: rgba(0,0,0,0.4);
	opacity: 0;
	transition: opacity 0.23s ease;
	-webkit-transition: opacity 0.23s ease;
	-o-transition: opacity 0.23s ease;
	visibility: hidden;
}
.slide_cont.active .layer{
	opacity: 1;
	visibility: visible;
}

.slide_cont .slide_li{
	width: 3rem;
	position: absolute;
	z-index: 1002;
	top: 0;
	right: 0;
	height: 100%;
	background-color: #3b6a9f;
	padding-top: 1rem;
	opacity: 0;
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-o-transform: translateX(100%);
	transition: opacity 0.22s ease 0.18s,transform 0.22s ease 0.18s;
	-webkit-transition: opacity 0.22s ease 0.18s,transform 0.22s ease 0.18s;
	-o-transition: opacity 0.22s ease 0.18s,transform 0.22s ease 0.18s;
}
.slide_cont.active .slide_li{
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-o-transform: translateX(0);
} 
.slide_cont .slide_li .slide_item{
	height: 0.66rem;
	line-height: 0.66rem;
	text-align: right;
	
	font-size: 0.3rem;
	color: #fff;
}
.slide_cont .slide_li .slide_item a{ 
	color: #fff; 
	display: block;
	padding-right: 0.3rem;
}